$.ajax({
    type: "GET",
    url: "http://127.0.0.1:8888/public/list.json",
    dataType: "json",
    success: function (data) {
        console.log(data);        
        function cart(res){
            window.location.href="cart.html?id="+res
        }
        const valObj = myGetUrlValObj()
        console.log(valObj.id)
        function myGetUrlValObj(){
            // 创建对象 存储 携带参数
            var obj = {};
        
            // 获取 url地址携带参数字符串 不要?问号
            var str = window.location.search.substr(1);
        
            // 将 字符串 以 & 符号为间隔 分割为 数组
            var arr1 = str.split('&');
        
            // 循环遍历数组 获取 每一个数组单元数据 也就是 键值对字符串
            arr1.forEach(function(item){
                // 将键值对字符串 以等号为间隔 再次 分割为 数组 
                var arr2 = item.split('=');
                // 数组索引0 单元 是 键名
                // 数组索引1 单元 是 键值 键值要 还原为 对应的 数值/中文/符号
                obj[ arr2[0] ] = window.decodeURIComponent( arr2[1] );
        
            })
        
            // 返回这个对象
            return obj;
        }

        let shoppingCart = localStorage.shoppingCart;
        console.log(data.list);
        data.list.forEach((item,index) => {
            // console.log(item.id)
            // console.log(valObj.id)

            if(item.id == valObj.id){
                // console.log(item.id)
                // console.log(valObj.id)
                
                if ( shoppingCart === undefined ){       
                  localStorage.shoppingCart = JSON.stringify( [item] ) ;
                  console.log(localStorage.shoppingCart)
                
                // 购物车 数据信息 已经存在
                }else{
                    // 先将 存储的 json字符串数 还原为对应的数据类型
                    shoppingCart = JSON.parse( shoppingCart );                
                    // 当前购物车 是一个 空数组
                    // console.log(shoppingCart)

                     if( shoppingCart.length === 0 ){
                        // 直接 添加 商品信息      
                        shoppingCart.unshift( item );
                        localStorage.shoppingCart = JSON.stringify(shoppingCart );       
                        // 当前购物车 不是 空车
                    }else{                   
                        let bool = shoppingCart.some(function(val){
                        // 购车商品id 和 当前商品id  相等
                        // console.log("lalala")
                        return val.id === item.id;
                       
                        })
                        if(!bool){ 
                            shoppingCart.unshift( item );
                            localStorage.shoppingCart = JSON.stringify( shoppingCart );
                        }

                        // shoppingCart.unshift( item );
                        // localStorage.shoppingCart = JSON.stringify( shoppingCart );
                    }
                    
                  }  
            }

        });

        let str = '';
        let carData =  JSON.parse( localStorage.shoppingCart) ;
        carData.forEach((item,index)=>{
            str += `
                <tr>
                    <td> <img src="${item.small_img}" alt="" width="100px" height="100px"></td>
                    <td>${item.price}</td>
                    <td>
                    <input type="button" class="jian"  value="-" index="item.id" onclick="reduce(${item.id});"></button>
                    ${item.number}
                    <input type="button" class="jia" value="+" onclick="${item.number++}"></button>
                    </td>
                    <td>${item.number*item.price}</td>
                    <td><button index="${item.id}">删除<button></td>
                </tr>
            `

        })
        $("table").append(str);

        
        
        let  shanchu = document.querySelector('.dianji');
        console.log(shanchu);
        shanchu.addEventListener('click',function(e){
            let carDate = JSON.parse( localStorage.shoppingCart) ;
            carDate.forEach((item,index)=>{
                if(item.id == e.target.getAttribute("index")){
                    carDate.splice(index,1);
                    localStorage.shoppingCart = JSON.stringify( carDate );
                    location.reload();
                }
            })

        })


        
    }
})


